<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/cart.css">
</head>
<body>
<div class="main">
    <header class="header"></header>
    <section>
        <div id="shopping-cart">
            <!--2.1 标题行-->
            <div class="title">
                <b>购物车</b>
                <p>
                    已选
                    <span class="total color">0</span>
                    件商品
                    <span>合计(不计运费)</span>
                    <span class="totalPrices color sum">0.00</span>
                    <span class="unit color">元</span>
                </p>
            </div>
            <!--2.2 内容块-->
            <div id="box">
                <!--2.2.1 内容-->
                <div id="content-box">
                    <div class="imfor-top">
                        <div class="check-top">
                            <img src="img/cart/product_normal.png" alt="">
                            全选
                        </div>
                        <div class="product-top">商品</div>
                        <div class="price-top">单价(元)</div>
                        <div class="num-top">数量</div>
                        <div class="total-top">金额</div>
                        <div class="del-top">操作</div>
                    </div>
                    <div id="content-box-body">

                        <!--1、商品1-->
            <div class="imfor">content-box-body
                <div class="check">
                    <img src="img/cart/product_normal.png" alt="">
                </div>
                <div class="product">
                    <a href="product_details.html?lid=${item.lid}">
                        <img src="${item.pic}" alt="">
                    </a>
                    <span class="desc">
                        <a href="product_details.html?lid=${item.lid}">${item.title}</a>
                    </span>
                    <p class="col">
                        <span>规格：</span>
                        <span class="color-desc">${item.spec}</span>
                    </p>
                </div>
                <div class="price">
                    <p class="price-desc">会员专享价</p>
                    <p><b>¥</b>${item.price}</p>
                </div>
                <div class="num">
                    <span class="reduce" data-iid="${item.iid}"> - </span>
                    <input type="text" value="1">
                    <span class="add" data-iid="${item.iid}"> + </span>
                </div>
                <div class="total-price">
                    <span>¥</span>
                    <span>${(item.count*item.price).toFixed(2)}</span>
                </div>
                <div class="del">
                    <a href="#" data-iid="${item.iid}">删除</a>
                </div>
            </div>

                    </div>
                </div>
                <!--2.2.2 计算-->
                <div class="foot">
                    <div class="base">
                        <div class="all">
              <span>
                <img src="img/cart/product_normal.png" alt="">
              </span>
                            全选
                        </div>
                        <a href="#">删除</a>
                        <div class="foot-qk">清空失效产品</div>
                    </div>
                    <div class="go-price">
                        <div class="foot-selected">已选<span class="totalOne color">0</span>件商品</div>
                        <div class="foot-tol">
                            <span>合计(不含运费)：</span>
                            <span class="foot-price">0.00</span>
                            <span class="foot-desc">元</span>
                        </div>
                        <div class="foot-cash">去结算</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="footer-1"></footer>
</div>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/ajax.js"></script>
<script src="js/header.js"></script>
<script src="js/footer.js"></script>
</html>